<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            .result{
                width: 300px;
                height: 300px;
                border: 1px solid seagreen;
            }
        </style>
    </head>
    <body>
        <div class="result"></div>
        <script type="text/javascript">
            const reslut = document.querySelector(".result");
            reslut.onmouseover = function(){
                const xhr = new XMLHttpRequest();
                xhr.open("GET","http://127.0.0.1:8000/IE-server?t="+Date.now());
                xhr.send();
                xhr.onreadystatechange = function(){
                    if(xhr.readyState === 4){
                        if(xhr.status >= 200 && xhr.status <300)
                        {
                            reslut.innerHTML = xhr.response;
                            
                        }
                    }
                }

            } 
        
        </script>
    </body>
</html>